page {
	background-color: #f2f2f2;
}
.grade_search {
	width: 100%;
	height: 286upx;
	background-color: #f2f2f2;
	padding: 0 30upx;
	box-sizing: border-box;
}
.title {
	width: 100%;
	height: 90upx;
	line-height: 90upx;
	color: #333;
	font-size: 32upx;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.sear {
	width: 100%;
	// padding: 0 30upx;
	// box-sizing: border-box;
	display: flex;
	height: 80upx;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18upx;
	.sear_title {
		font-size: 28upx;
		color: #333333;
	}
}
.input {
	width: 530upx;
	height: 74upx;
	font-size: 28upx;
	position: relative;
	border: 2upx solid #c9c9c9;
	background-color: #ffffff;
	border-radius: 8upx;
	display: flex;
	align-items: center;
	.input_left {
		width: 64upx;
		height: 40upx;
		border-right: 2upx solid #e1e1e1;
		display: flex;
		justify-content: center;
		margin-right: 16upx;
		.icon {
			font-size: 28upx;
			color: #e1e1e1;
			line-height: 40upx;
		}
	}
	input {
		width: 100%;
		height: 100%;
		font-size: 28upx;
		color: #333333;
	}
	.icon {
		// font-size: 36upx;
		// height: 36upx;
		// color: #cccccc;
		// position: absolute;
		// top: 50%;
		// transform: translate(40%,-50%);
	}
}
.search {
	width: 100%;
	height: 100upx;
	background-color: #ffffff;
	font-size: 32upx;
	text-align: center;
	line-height: 100upx;
	color: #8538d4;
	display: flex;
	align-items: center;
	justify-content: center;
	.icon {
		font-size: 44upx;
		color: #8538d4;
		margin-right: 8upx;
	}
}
.nograde {
	overflow: hidden;
	width: 100%;
	text-align: center;
	image {
		display: block;
		margin: 20upx auto;
		margin-top: 50upx;
		width:200upx;
		height: 170upx;
	}
	.nograde_info {
		font-size: 28upx;
		color: #999;
	}
}
.grade {
	margin-top: 10upx;
	background-color: #ffffff;
	.one {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 86upx;
		padding: 0 30upx;
		box-sizing: border-box;
		border-bottom: 2upx solid #e1e1e1;
		.left {
			width: 560upx;
			font-size: 32upx;
			color: #333333;
			font-weight: bold;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
		}
		.right {
			font-size: 24upx;
			color: #999999;
			.icon {
				font-size: 24upx;
				margin-right: 6upx;
			}
		}
	}
	.two {
		box-sizing: border-box;
		position: relative;
		.two_top {
			width: 100%;
			height: 64upx;
			// border-top: 2upx solid #e1e1e1;
			border-bottom: 2upx solid #e1e1e1;
			display: flex;
			justify-content: space-around;
			box-sizing: border-box;
			.two_top_item {
				flex: 1;
				font-size: 28upx;
				color: #333;
				line-height: 64upx;
				border-right: 2upx solid #e1e1e1;
				box-sizing: border-box;
				text-align: center;
				background-color: #f3edf8;
			}
			.two_top_item:last-child {
				border-right: none;
			}
		}
		.two_bot {
			width: 100%;
			height: 64upx;
			// border-top: 2upx solid #e1e1e1;
			border-bottom: 2upx solid #e1e1e1;
			display: flex;
			justify-content: space-around;
			box-sizing: border-box;
			.two_top_item {
				flex: 1;
				font-size: 28upx;
				color: #333;
				line-height: 64upx;
				border-right: 2upx solid #e1e1e1;
				box-sizing: border-box;
				text-align: center;
			}
			.two_top_item:last-child {
				border-right: none;
			}
			.two_top_item_g {
				color: #e50d0d;
			}
		}
	}
}
